<div class="container">
  <div class="input-group col-md-4">
    <input type="text" class="form-control" [(ngModel)]="username" placeholder="用户名" aria-label="Recipient's username" aria-describedby="button-addon2">
    <div class="input-group-append">
      <button class="btn btn-outline-secondary" type="button" id="button-addon2" (click)="register()">登录</button>
    </div>
  </div>


  <div class="input-group col-md-6">
    <input type="text" class="form-control"
           placeholder="呼叫方用户名"
           aria-label="Recipient's username with two button addons"
           aria-describedby="button-addon4"
            [(ngModel)]="toname">
    <div class="input-group-append" id="button-addon4">
      <button class="btn btn-primary" type="button" (click)="call()">呼叫</button>
      <button class="btn btn-danger" type="button" (click)="hangup()">挂断</button>
    </div>
  </div>


<hr>

  <div class="row">
    <div class="col-md-6">
      <label>本地视频</label>
      <div id="videoBig">
        {{REGISTETE}}
        <video id="me" autoplay width="640px" height="480px"
               poster="/assets/img/webrtc.png" #me></video>
      </div>
    </div>
    <div class="col-md-6">
      <label>对方视频</label>
      <div id="videoSmall">
        <video id="remote" autoplay width="640px" height="480px"
               poster="/assets/img/webrtc.png" #remote></video>
      </div>
    </div>

  </div>





</div>



